<!DOCTYPE html>
<html lang="en">
<head>
<!--  <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>-->
  <script src="js/jquery-1.11.0.js"></script>
    <meta charset="UTF-8">
    <title>Title</title>
  <script>
    //入口函数
    $(function (){
      //通过id来获取元素
      var text = $("#h").text();

      //通过选择器来获取元素
      //    $(".hh").text()

      //通过
      //单机绑定时间
      // $("#btn").click(
      //     function () {
      //         alert("111")
      //         //给输入框赋值
      //         $("#username").val("val函数赋值")
      //     }
      // )
      $("#btn").click(
              function () {
                // alert("111")
                // $("#username").val("val函数赋值")
                //请求服务端进行数据加载
                $.ajax({
                  type:"POST",
                  //请求url
                  url:"/ajax/demo",
                  data:"username=steel&age=18",//传递的数据
                  dataType:"text",
                  success:function (data){
                    //回调函数
                    console.log(data);
                  }
                })
              }
      );
      $("#btn1").click(function (){
        $.ajax({
          type: "POST",
          url: "/ajax/json",
          data: '{"username":"steel","age":18}',//传递参数 json
          dataType: "json",//返回值类型
          contentType:"application/json;charset=UTD-8",
          success:function (data){
            //回调函数
            console.log(data);
            $("#username1").val(data.username);
            $("#age").val(data.age);
          }
        })

      })




    });
  </script>
</head>

<body>
<h2 class="hh" id="h">这是jquery</h2>
<button id="btn">按钮</button>
<input type="text" name="username" id="username">

<button id="btn1">按钮</button><p/>
用户名称:<input type="text" name="username" id="username1"><p/>
年龄:<input type="text" name="age" id="age"><p/>

</body>
</html>